<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/orgaPage.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
</head>
<body>
<div class="head">
    <div class="top-main">
        <ul class="fright">
            <li><a href="login.html">登录</a><em></em></li>
            <li><a href="register.html">注册</a><em></em></li>
            <li class="mm">
                <a href="javascript://"><i class="icon iconfont phone">&#xe604;</i><b>手机版</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript://">亲子活动</a></p>
                            <p><a href="javascript://">公益活动</a></p>
                            <p><a href="javascript://">展览展会</a></p>
                            <p><a href="javascript://">名家讲坛</a></p>
                            <p><a href="javascript://">技术研讨</a></p>
                            <p><a href="javascript://">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript://">活动讲座</a></h6>
                        <h6><a href="javascript://">文化资源</a></h6>
                        <h6><a href="javascript://">场馆预约</a></h6>
                        <h6><a href="javascript://">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
        <span>HI，欢迎访问智慧文化云</span>
    </div>
</div>
<div class="content marginTop20">
    <div class="org-left fleft">
        <div class="org-banner">
            <p class="banner-img">
                <img src="WebUI/images/org-banner.jpg" />
                <span></span>
            </p>
            <div class="logoArea">
                <p class="org-logo">
                    <img src="WebUI/images/org－logo.png" />
                </p>
                <div class="la_r">
                    <p>
                        <a href="javascript://" class="logoname">浦东图书馆</a>
                        <span>已认证</span>
                    </p>
                    <div>
                        <a href="javascript://">查看简介</a>
                        <a href="javascript://">+关注</a>
                        <i>关注人数：12432人</i>
                    </div>
                </div>
            </div>
        </div>
        <div class="fclear"></div>
        <div class="listArea">
            <hr class="hrs"/>
            <ul class="switchs">
                <li class="e">近期活动</li>
                <li>往期活动</li>
            </ul>
            <div class="org-main">
                <ul style="display: block">
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                    <li>
                        <a href="javascript://" class="org-img">
                            <img src="WebUI/images/org1.jpg" />
                        </a>
                        <div class="intro-r">
                            <a href="javascriot://">印象莫奈：时光映迹艺术展</a>
                            <span>看完莫奈400多幅真迹，需要走遍世界各地上百家博物馆</span>
                            <span><b>时间：2016.02.26 9：00-12：00</b><b>场地：上海美术馆</b></span>
                            <span>状态：报名中</span>
                            <span>票价：免费</span>
                            <span><i class="iconfont">&#xe60d;</i></span>
                        </div>
                        <a href="javascript://" class="yuyue">立即预约</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="org-right fright">
        <div class="message">
            <a href="javascript://"><img src="WebUI/images/qq.jpg" /></a>
            <a href="javascript://"><img src="WebUI/images/message.jpg" /></a>
        </div>
        <div class="news oranges bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>最新消息</h2>
            </div>
            <ul class="new-list">
                <li><a href="javascript://">绍兴图书馆成功举办l以 “绍兴文化”主题完美...</a></li>
                <li><a href="javascript://">“七彩夏日”少儿阅读活动走进市少年宫“七彩夏日”少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">功举办l以 “绍兴文化”主题完美少儿阅读活动走进市少</a></li>
                <li><a href="javascript://">以 “绍兴文化”主题完美.少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">办l以 “绍兴文化”主题完美少儿阅读活动</a></li>
                <li><a href="javascript://">成功举办l以 “绍兴文化”主题完美少儿阅读活动走</a></li>
                <li><a href="javascript://">少儿阅读活动走进市少年宫书馆成功举办l以 “绍兴文化”主题完美少儿阅读活动走进</a></li>
            </ul>
        </div>
        <div class="area default bord">
            <div class="org-tit">
                <h2>如何到达</h2>
            </div>
            <div class="padding14">
                <div class="inputs marginTop10">
                    <label>出发地:</label>
                    <input type="text" />
                </div>
                <div class="inputs marginTop10">
                    <label>目的地:</label>
                    <span>浦东图书馆</span>
                </div>
                <div class="map marginTop10">
                    <img src="WebUI/images/map.jpg" />
                </div>
            </div>
        </div>
        <div class="news blue bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>场馆信息</h2>
            </div>
            <div class="padding14">
                <ul class="cg-list">
                    <li>
                        <a class="o-img"><img src="WebUI/images/o1.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i><i>投影</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o2.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o3.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>投影</i></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="news green bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>文化资源</h2>
            </div>
            <div class="padding14">
                <ul class="cg-list">
                    <li>
                        <a class="o-img"><img src="WebUI/images/o4.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span>费用：2000元/场</span>
                            <p>时长：90分钟</p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o4.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">连”趣“漫”谈漫画知识系列讲座</a>
                            <span>费用：2000元/场</span>
                            <p>时长：90分钟</p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o4.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">中国政治制度史前沿问题</a>
                            <span>费用：2000元/场</span>
                            <p>时长：90分钟</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="fclear"></div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript://">平台介绍</a>|
            <a href="javascript://">意见建议</a>|
            <a href="javascript://">网站地图</a>|
            <a href="javascript://">友情链接</a>|
            <a href="javascript://">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
    })
</script>
</body>
</html>